HTML_CODES_4_BP

I am hopin that this site will help people understand the HTML codes
that can be used on BP, MiGente as well as AsianAvenue


 
 
 
Profiles:
If you want a table to cover your profile
This code will only work on BlackPlanet,
if you use it on Asiavenue or MiGente it will make 
your page contain errors

<table style="position:absolute;top:0px;left:0px;border-right:#D7D5D5 3px outset;text-align:center;width:133px;height:2500px;background:#D7D5D5"><tr><td valign="top" align="center"><font style="font-family:verdana;color:#000000;font-size:11px">My<br>Profile<hr width="75%">Name:<br>Insert Name Here<br><br>Sex:<br>Insert Sex Here<br><br>Age:<br>Insert Age Here<br><br>Zodiac:<br>Insert Zodiac Here<br><br>From:<br>Rep ya home here<br><br>Location:<br>Insert Location Here<br><br>Sexual Orientation:<br>Insert Preference Here<br><br>Status:<br>Insert Status Here<br><br>Education:<br>Insert School Here<br><br>Graduation:<br>Insert Graduation Date Here<br><br>Job Industry:<br>Insert Job Industry Here<br><br>Interests:<br>Insert Anything Else Here</font></td></tr></table>

If you want the table to have scrolling text profile
<table style="position:absolute;top:0px;left:0px;border-right:#D7D5D5 3px outset;text-align:center;width:133px;height:2500px;background:#D7D5D5"><tr><td valign="top" align="center"><marquee direction="up" height="500" scrollamount="3" style="text-align:center"><font style="font-family:verdana;color:#000000;font-size:11px">My<br>Profile<hr width="75%">Name:<br>Insert Name Here<br><br>Sex:<br>Insert Sex Here<br><br>Age:<br>Insert Age Here<br><br>Zodiac:<br>Insert Zodiac Here<br><br>From:<br>Rep ya home here<br><br>Location:<br>Insert Location Here<br><br>Sexual Orientation:<br>Insert Preference Here<br><br>Status:<br>Insert Status Here<br><br>Education:<br>Insert School Here<br><br>Graduation:<br>Insert Graduation Date Here<br><br>Job Industry:<br>Insert Job Industry Here<br><br>Interests:<br>Insert Anything Else Here</font></marquee></td></tr></table>

If you wanna add a link to your blackplanet guestbook
<a target="main_win" href="http://guestbook.blackplanet.com/Members/MyPage/guestbk_view.html?MEMBER=USERNAME"><img src="http://a332.g.akamai.net/f/332/586/8d/Images.BlackPlanet.com/Members/PPG/guestbook.gif" border="0"></a>


 
 
Images & Pictures
How can I put images/pictures on my personal page or guestbooks?  
NOTE :  The html codes must be typed in the "personal message" section, right where you type the text for your homepage in. Either above or below your text , it does not matter . Or when you want to sign a guestbook simply type it at the same section where you type your text. Don't type the html codes yourself, simply copy and paste (highlight the html codes you need, right-click with your mouse on it, click on "copy", then go to your "personal message" section at your homepage and right-click again on your mouse , and click on "paste". Just make sure you change the url to your own url, otherwise you will see MY pictures on your page ,that is if you copy it exactly as my examples. > Posting pics from the web into your web page: Type this into HTML text box under "Personal Message". If you know the Internet location (called : url = www.whatever.com ) of an image that you would like to put on your personal page, you can link that image with the following tag: > >
 <IMG SRC="UR HERE"> > (or gif, etc.) > > > example : <IMG SRC="http://upload.blackplanet.com/a9877661/pass7.jpg"> > > 
YOUR PICTURE MUST BE LOCATED ON THE WEB, NOT YOUR HARDDRIVE OR DISK! 
As long as the site that your are linking from is up and running, the image will appear on your personal page. 
 Note: there is a space between "IMG" and "SRC" ! > > BEST WAY IS TO UPLOAD YOUR PICTURE TO BLACKPLANET, some provider dont support BP, therefore the pic wont show up on your BlackPlanet page. Geocities.com and Agelfire.com does NOT WORK on BlackPlanet !! Best way is always to upload the pics on BlackPlanet.com or Migente.com ( that's the hispanic version of BP) If you download the pictures on BP or Migente you will not have any problem. But you can try if your provider works on BP, if not then just upload your pic on BlackPlanet. 
1.) Go to the location of your pic, click on it with the right mouse button.  
2.) Select "Properties"
3.) Highlight your pics URL Address, then right click your mouse button again. 
4.) Go back to your *design your page section* > 
5.) Paste the URL address in the box 

 Using the exact spacing I am using type: 
1)"<" ==>
2)"img" ==> 
3)Press the space ==> 
4)"src=" ==> 
5)type open " symbol (")paste your pics url address ==> 
6)type end" symbol (") > > note: there is a space between "IMG" and "SRC" ! > > > Images and Geocities´: > > Recently GeoCities.com made changes to their system that prohibit certain files from loading outside of their domain (i.e., geocities.com). > > This means that the files stored in your GeoCities directory cannot be linked directly to your personal page. You need to upload each picture to your BlackPlanet account to be able to post it on your BlackPlanet homepage. > > If you want to link files that are in your GeoCities directory to your personal page, you can bypass this limitation by linking to the entire HTML page rather than to specific images or other files within the page. > > > > How can I make an image smaller if it is too large
Also : You can shrink images by adding the following width value to the link tag:  
<IMG SRC="http://www.url.com/imagename.html" width=VALUE> > example : 
<IMG SRC="http://upload.blackplanet.com/a9877661/27.MayW5.jpg" width=350 
BP recommend 300 for the width value when linking images, animation files or otherwise. 
Your personal page will also load faster if your images are smaller.  


 
DO YOU WANT TO CENTER SOMETHING: 
 <CENTER> If you put some text here. It will be centered on the page</CENTER> > This also works around pictures. > Example : > <CENTER><BR>
<IMG SRC="http://upload.blackplanet.com/a9877661/27.MayW5.jpg"> </center> > > (<br> ort <BR> means break = one line blank. .. this way one picture will be under the other ) > <br><br><br><br><br> (would be 5 lines blank inbetween your images or text) 

 
 
HOW DO I SCROLL TEXT 
If you use Internet Explorer as your browser, you can use Marquee tags to create scrolling text on your personal page. > A standard format for a Marquee tag is as follows: > > <MARQUEE BEHAVIOR=type DIRECTION=value LOOP=n SCROLLAMOUNT=n SCROLLDELAY=n>The text you want to scroll</MARQUEE> > > example : <MARQUEE BEHAVIOR=type DIRECTION=value LOOP=n SCROLLAMOUNT=n SCROLLDELAY=n>SUP YALL !!!</MARQUEE> > > example : <MARQUEE BEHAVIOR=ALTERNATE>SUP YALL !!!</MARQUEE> 

From right to left and back > > Depending on how you want the text to scroll, use the following terms to fill in the variables: > For BEHAVIOR, you can input either scroll, slide or alternate. Scroll will make the text start at one side of the screen and disappear off the other. Slide will make the text start at one side and stop at the other. Alternate will make the text start at one side and bounce back to the other.  For DIRECTION, you can input either "left" or "right." > For LOOP, replace "n" with the number of times you would like the text to scroll, or input "infinite" if you want it to scroll indefinitely. > SCROLLAMOUNT allows you to adjust the amount of space, in pixels, that the text will jump as it scrolls. The higher SCROLLAMOUNT, the greater the space the text will jump. Keep in mind, however, that you dont need to use SCROLLAMOUNT. If you opt to leave it out, your browser will select a default speed for the scrolling text. > SCROLLDELAY allows you to adjust the speed at which the text scrolls. The higher the SCROLLDELAY, the slower the text will move. As with SCROLLAMOUNT, however, if you opt not to use SCROLLDELAY, your browser will select a default speed. > > ** The Marquee tag only works on Internet Explorer. When viewed with a Netscape browser, the Marquee tag will not move.** > > LINKS ON YOUR PAGE > If you would like to add a link to another members personal page somewhere in the body of you personal message (other than your Friends list) use the following tag: > > <A HREF="http://www.BlackPlanet.com/Members/MyPage/viewpage.html?MEMBER=value" TARGET="main_win">Members name</A> > > For MEMBER=value, fill in the name of the member to whose personal page you want to add a link. And then substitute their name where "Member’s name" is written. > A sample tag might look like this: > > <A HREF="http://www.BlackPlanet.com/Members/MyPage/viewpage.html?MEMBER=Omar" TARGET="main_win">Omar</A> > > > > 


 
 
HOW TO DO YOUR OWN BP BACKGROUND : 
Type the following in the Personal Message field when you edit your page. Preferably at the top of that section. > > <STYLE type="text/css">< !-- body{background: url (http://upload.blackplanet.com/yournamehere/your pic.gif or .jpg) fixed;} --></STYLE> > > Please Note: This only works in Internet Explorer (NOT Netscape). It takes a while before you see the change take place... it has to replicate across all of BlackPlanet`s servers. > > Backround from an other BP page, EXAMPLE : > > <style>body{background: url(http://URL HERE) fixed} --> </style> > > > Background from the internet , example: > <style>body{background: url(URL HERE) fixed} --> </style> 

 
 
 
BlackPlanet.com Beefs up Security
In a new security initiative to protect users, BlackPlanet.com made the difficult decision to filter out HTML embed tags on personal pages. We are aware that many of our members rely on the EMBED tag to play music on their page and we apologize for any inconvenience this may cause you. Be assured that this change will help to preserve our member’s hard work and creativity in designing their Personal Pages and Guestbooks. > > The decision comes in response to a rash of break-ins by a handful of individuals, who have been using the tag to steal account passwords. While these attacks might seem like a harmless prank, the actions of the vandal are prosecutable under state and federal laws. > > The recent decision to remove HTML embed tags is not the first time that BlackPlanet.com has implemented security measures to increase safety for its members. Last month, the site disallowed the use of DHTML and Java. Although the decision may have affected members’ personal pages, > > BlackPlanet.com technology staff members say that the number of reported break-ins has dropped considerably since the decision to disallow DHTML and Java. They add that the latest decision will make the site even safer for members. > > If you are a victim of a break-in, BlackPlanet.com security suggests reporting the incident to the ALERT US page. > > BlackPlanet.com also suggests changing your password to something that contains at least eight characters and is a combination of both numbers and letters, and not to give out your password to anyone. It is also recommended that members keep a back up copy of their member pages. 

 
DESIGN MY PAGE  

Q: How do I upload pictures on my personal page? 
 A: You can upload your pictures from your computer onto your personal page by following these instructions: 
1. When you are on your personal page, click on "Design Your Page" at the top of your page.  
2.  In the "Design Your Page" section, click on "Pictures" on the left hand navigation bar. 
3.  In the "Picture" section, click on the "Browse" link. This will allow you to look through your files to find your images. When you find the image that you want to put on your page, double click on it. This is will upload the image from your computer onto our servers. Please remember you can only upload gif and jpeg files. Make sure you SUBMIT YOUR PASSWORD and then after you uploaded the picture you have to hit "apply" 
4.   When you are finished uploading, your picture will be given a new name and will appear in the "Manage Pictures" section of your page. Click on the box under "Picture gallery" to place the image towards the bottom of your page. Or click on the "Main picture" box to make it your main picture. 
5. .Make sure that you hit "Apply" when you are finished. Check your page to make sure that the picture has appears correctly. 

 Q: Where can I write HTML tags to design my personal page? 
 A: HTML tags can be inputted into your personal message. Think of the message box on your personal message      page as an HTML editor where you input all the HTML tags you need to enhance your page. 

 Q: What HTML tags are not supported on my personal page? 
A: The following HTML tags are not supported: JAVA, APPLET, SCRIPT, FORM, OBJECT, JAVASCRIPT, JSCRIPT, META, FRAMESET, FRAME, IFRAME. Adding them will cause the removal of all HTML tags on your personal page. 
 
Q: Why doesn't BlackPlanet.com allow JavaScript or Flash? 
 A: We have disabled the use of JavaScript because users can use it to manipulate a member's browser against his/her wishes. For example, a malicious user can: 
1. Redirect you to site outside of BlackPlanet.com where your personal account information can be acquired without your knowledge. 
2.   Flood your screen with pop-up windows, which can render your computer inoperable. 
3.  We have also disabled the use of Flash because JavaScript can be triggered through it. 

Q: How do I change my personal information? 
A: Click "Design My Page" at the lower-left navigation and click "Page Options" on the left navigation. Check the items you want displayed on your personal page and hit Apply.


 
 
Drop downs:
<select><option selected>My list...</option><option>this will be item one</option><option>this will be item two</option><option>this will be item three</option></select>
Color Drop downs:
<select style="background:#000000;color:#FFFFFF;font-family:verdana;font-size:11px"><option selected>My list...</option><option>this will be item one</option><option>this will be item two</option><option>this will be item three</option></select>

 
 
Marquee Tricks
Loops 
<marquee loop="5">enter here</marquee> 

Slides
<marquee behavior="slide">Enter here</marquee>
 
 

This is something that a lot of people use on BP
Moving Pictures
<marquee>
<img src="whatever.gif" width="120" height="82" alt="What ever text">
</marquee>
OR
<marquee direction="left"> <img src="whatever site.JPG"></marquee> 

 
 
Scrollbars & Cursors

<style type="text/css"><!-- body{scrollbar-track-color:#000000;scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#000000;scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#8080FF;scrollbar-face-color:#FFFFFF} //--></style>
One Color Scrollbars:
<style type="text/css"><!-- body{scrollbar-base-color:#000000} //--></style>
Cursors:
default
crosshair
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize
<style type=text/css><!-- body{cursor:crosshair} //--></style><style type=text/css><!-- a:hover{cursor:e-resize} //-->
</style><table style="cursor:n-resize"><tr><td>Add text here...</td></tr></table><marquee style="cursor:n-resize">Add text here...
</marquee><p style="cursor:n-resize">Add text here...</p>
 


 
 
Falling Images

<table width=55 style=position:absolute;top=0;right=250><marquee direction=down scrolldelay=15 scrollamount=4 height=550><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;right=150><marquee direction=down scrolldelay=4 scrollamount=8 height=800><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;right=500><marquee direction=down scrolldelay=6 scrollamount=3 height=750><img src="URL HERE"></marquee></table><table style=position:absolute;top=0;right=800><marquee direction=down scrolldelay=10 scrollamount=9 height=650><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;right=525><marquee direction=down scrolldelay=11 scrollamount=7 height=750><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;left=650><marquee direction=down scrolldelay=4 scrollamount=2 height=550><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;left=350><marquee direction=down scrolldelay=6 scrollamount=2 height=650><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;left=50><marquee direction=down scrolldelay=6 scrollamount=8 height=650><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;left=450><marquee direction=down scrolldelay=10 scrollamount=3 height=700><img src="URL HERE"></marquee></table><table style=position:absolute;top=0;left=750><marquee direction=down scrolldelay=11 scrollamount=9 height=600><img src="URL HERE"></marquee></table><table width=55 style=position:absolute;top=0;left=150><marquee direction=down scrolldelay=9 scrollamount=3 height=600><img src="URL HERE"></marquee></table>


 
 
Music:

Before you can have music flowing in your page, you need to know the exact location of the sound file you want to use.
If the file you want is on your own PC, you`ll need to upload it. If you or a friend have a free webpage with Geocities, AOL or anyone - copy your sound file to this site and take a note of the exact path.
Then copy the line below and replace the path with the one to your file. Add the line to the "personal message" section of your page and provided you have used the correct path, music should soon be flowing!
<BGSOUND SRC="http://www.whatevermysite.com/mysoundfile.wav" LOOP="INFINITE" HIDDEN="TRUE">
The "loop" attribute controls how many times the sound gets repeated and the "hidden" attribute sets whether a visible control is displayed


 
 
Borders:
You can add borders to the body of your page, tables, paragraphs, images, as well as a few other things. 
 Border sizes  1px thur 35px

If you would like to add a border to your page
<style type=text/css><!-- body{border:#000000 10px outset} //--></style>

You can have more than one color for your border. 
<style type=text/css><!-- body{border-right:#D7D5D5 10px outset;border-left:#D7D5D5 10px outset;border-top:#FF80FF 10px outset;border-bottom:#000000 10px outset} //--></style>


 
 
Links:
If you want to link a page using text that will open in the current browser window
<a href="enter here the url">enter here what you want it to say</a>

If you want to link a page using text that will open in a new browser window
<a target="_blank" href="enter here the url">enter here what you want it to say</a>

Notes:
For Asian Ave. & Black Planet: 
<style type="text/css"><!-- input{color:#00BFFF;font-weight:bold;font-size:11px;font-family:verdana;background:url(http://members.blackplanet.com/name/pig.jpg) fixed;cursor:n-resize;border:#00BFFF 3px inset} textarea{color:#00BFFF;font-weight:bold;font-size:11px;font-family:verdana;background:url(http://members.blackplanet.com/name/pig.jpg) fixed;cursor:n-resize;border:#00BFFF 3px inset;width:200px;height:75px} //--></style>

For Mi Gente: 
<style type="text/css"><!-- .input{color:#00BFFF;font-weight:bold;font-size:11px;font-family:verdana;background:url(http://members.migente.com/name/pig.jpg) fixed;cursor:n-resize;border:#00BFFF 3px inset} textarea{width:200px;height:75px} //--></style>

Usernames:
For Asian Ave & Black Planet 
<style type="text/css"><!-- b{font-family:lucida sans;color:#FF0000}//-->enter text here</style>

Mi Gente 
<style type="text/css"><!-- .username{font-family:lucida sans;font-size:50px;color:#FF0000}//-->enter text here</style>

To use a banner to cover your username
<table style="background:white;position:absolute;top:100px;left:140px;width:475;height:110px;border:0px"><tr><td valign="center"><img src="enter here the url"></td></tr></table>

To use a shortcut with the banner
<img style="position:absolute;top:100px;left:140px;width:475;height:110px;border:0px" src="enter here the url">
 


 
 
CSS Tricks
Color Links
<a href="Enter site here">
<font color="#9400d3"><b>
Enter here what you want the link to say</b></font></a> 
Color or an Image for an Input button
<form action="put url here" method="get">
<input style="background-color: #8b008b; color: #ffff00; font-weight: bold; font-size: 10pt;" type="submit" value="Click Me">
</form> 
Images used as bullets
<UL style="list-style-image: url(filename.gif); color: #9400d3; font-weight: bold; font-size: 12pt;">
<LI>Apples</LI>
<LI>Pears</LI>
<LI>Grapes</LI>
</UL> 
 

 
Sounds:
How can I add sound to my guestbook ? 
Your guestbook on BlackPlanet allowes besides the <BGSOUND ....> tags also the <EMBED ...> tags for real player music, which is giving you more options for your guestbook design, but this only works in BP guestbooks , not on BP homepages.  Guestbooks on BlackPlanet support real music >EMBED> tags AND <BGSOUND> tags. 

The BP homepages only support <BGSOUND ....> codes  To put music on your guestbook, you need to link a soundfile from another web-site (just as you link a picture to your page). In order to do this, you will need to know the location (also known as the url) of the sound file. If you don`t know where to find soundfiles, ask other BP members who have sound on their page. You can not upload any sound to BlackPlanet, but you can upload your music to geocities for example or any other provider and then link the sound from there to your BlackPlanet guestbook. Once you find out the name and location of the soundfile, you will need to write the following HTML tags into the personal message of your personal page. Just copy these tags, but replace the sample url with the actual url of the soundfile (make sure you check which type of browser you have before proceeding): >  <EMBED SRC="http://www.url.com/soundfile"> 

 Make sure that you put the complete url of the sound file, including the file name and any extensions.  If desired, you can add a sound control interface that will allow users to play the sound file at their leisure. Simply type CONTROLS=form, where form can be any of the following options: console, smallconsole, playbutton, pausebutton, stopbutton, and volumelever. Then add a width and height value with the following command: WIDTH=w HEIGHT=h (you may need to experiment with these values to find a size that you like). > <EMBED SRC="http://www.url.com/soundfile" CONTROLS=form WIDTH=w HEIGHT=h> 

 To make the sound file play as soon as a visitor enters your guestbook, use the command AUTOSTART=true. > If desired, you can make the sound file loop a certain number of times, or play indefinitely until it is stopped. To do so, add either the command LOOP=n (where n equals the number of times you want the sound to loop), or add LOOP=true to repeat the sound until a visitor clicks the Stop button. > <EMBED SRC="http://www.url.com/soundfile" LOOP=n> > > OR > > <EMBED SRC="http://www.url.com/soundfile" LOOP=true> > A tag with all the commands described above might look like this: > > <EMBED SRC="http://www.music.com/song.rm" AUTOSTART=true LOOP=true CONTROLS=smallconsole WIDTH=150 HEIGHT=15>  MIDI FILES (instrumental sounds)   <BGSOUND SRC="http://www.url.com/song.rm"> > > Make sure that you put the complete url of the sound file, including the file name and any extensions.  If desired, you can make the sound file loop a certain number of times or indefinitely. To do so, add either LOOP=n (where n equals the number of times you want the sound to loop) or LOOP=infinite to repeat the sound indefinitely.  
 
 


 
 
Background image behind some bold text
<font style="background-image:url('filename.jpg'); color: #000000; font-weight: bold; font-size: 16pt;">
Put Some Text Here
</font> 

No Right Click 
Put this code at the very top of your personnel message box
<body oncontextmenu="return false;"> 


 
 
*Glow*
<table style="filter:glow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table>

*Shadow*
<table style="filter:shadow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table>

*Wave*
<table style="filter:wave(add=0, phase=1, freq=2, strength=10);color:#000000"><tr><td><font> Add text and images here...</font></td></tr></table>

*Wave Marquee*
<marquee direction=up style="filter:wave(add=0, phase=1, freq=2, strength=10);color:#000000">Add text and images here...</marquee> 

*Blur*
<table style="filter:blur"><tr><td><font>Add text and images here...</font></td></tr></table>

*Drop Shadow*
<table style="filter:dropshadow(color:#000000)"><tr><td><font>Add text and images here...</font></td></tr></table>

*RIP H*
<table style="filter:fliph"><tr><td><font>Add text and images here...</font></td></tr></table>

*X Ray*
<table style="filter:xray"><tr><td><font>Add text and images here...</font></td></tr></table>